/*
 * @Description: timeLine 主要考验的是mendix  sourceData + 绑定数据源字段展示时间轴,以及icon 展示
 * @Autor: lcz
 * @Date: 2022-06-27 16:00:17
 * @LastEditors: lcz
 * @LastEditTime: 2022-06-27 16:38:08
 */
import { useState } from 'react'
import TimeLineComponent from '../../components/TimeLineComponent'
import { SmileOutlined } from '@ant-design/icons'
const TimeLine = () => {
  const [mode, setMode] = useState<'left' | 'alternate' | 'right'>('alternate') //排序方式
  const [reverse, setReverse] = useState(false) //是否倒叙  false 正 true 倒叙
  const [ghost, setGhost] = useState('') //幽灵节点 表示正在加载
  const [data, setData] = useState([
    {
      content: 'Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site Create a services site',
      // time: '2015-09-01',
      colorStatus: 'green',
    },
    {
      content: 'Create a services site',
      // time: '2015-09-01',
      colorStatus: 'green',
    },
    {
      content: 'Create a services site',
      // time: '2015-09-01',
      colorStatus: 'green',
    },
    {
      content: 'Create a services site',
      // time: '2015-09-01',
      colorStatus: 'green',
    },
  ])
  return (
    <div>
      <TimeLineComponent data={data} mode={mode} reverse={reverse} ghost={ghost}></TimeLineComponent>
    </div>
  )
}
export default TimeLine
